react-native修改android包名
目录前言1.两个java文件2. 安卓的描述文件3. 两个打包脚本3.1. android/app/BUCK3.2 android/app/build.gradle4...
2024-01-10
react-native 真机调试（android）
adb devices (查看链接的设备id)adb -s 897879（设备号） reverse tcp:8081 tcp:8081 （当设备断开重新链接）当只有一个设备时上面的命令可以简写成adb reverse tcp:8081 tcp:8081 ...
2024-01-10
react-native练手（android版）
1.环境搭建1）一步步按 https://reactnative.cn/docs/getting-started.html 操作2）brew install watchman3）https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载并安装 jdk 8，javac -version 看安装成功与否4）https://developer.android.com/studio/index.h...
2024-01-10
Window 7 下android react native 新建环境
本博客基于win7 64位系统android出现的步骤及错误情况记录详情参考react native 中文网：http://reactnative.cn/docs/0.48/getting-started.html#content需要下载东西：Node（4.4.4以上版本最好，最新的最优）gitandroid sdkjdk 1.8Android studioGenymotion具体步骤请参考以上的react native 中文网下边仅介绍android过程中遇到的坑1.Gen...
2024-01-10
React-Native移植-Android
简介参考链接： Integrating with Existing Apps由于公司业务需要，部分模块需要将native代码转移到react-native，并且由于是已有项目，所以我这里单独把react-native移植到项目来，移植的过程中遇到了一些问题，这里也记录了下。网上的一些教程资料都不是很全，而且一些关键的步骤说的都不是很详细，这里...
2024-01-10
React Native02-开始运行 Android篇
1. 开始运行1）用命令进入到新建的文件目录下，比如HelloWorld，再输入 react-native start：在等待一段时间后，我们看到最后面有个地址，说明已经运行成功了。我们输入地址 http://localhost:8081/index.android.bundle?platform=android，可以看到有一大堆的js：到此，我们成功运行。 2. 运行android平台 1）我们...
2024-01-10
React Native for Android 异常处理概览
AndroidReact Native本文的RN代码基于0.43版本准备接入React Native(RN)时，看看前辈们分享的经验，都说刚接入时崩溃率是一个问题。最近在做RN的Native部分优化，今天就来聊聊在RN中的异常都是什么，该怎么处理。前言首先，研究RN框架异常的动机在于，我们需要建立起一套针对性的容错机制，毕竟它还...
2024-01-10
App Center编译React Native平台Android应用
做React Native一段时间后，对于React Native的发布有一些了解，原本的方法都是在本地直接生成APK文件的，具体可以参考《react native 生成APK》 因为需要将这个React Native的应用交给其他同事，但其他的同事暂时还未完全掌握到React Native，所以在发布这一块儿，需要使用一个工具帮助打包应用，在网上找了...
2024-01-10
react-navigation 使用详解（转载）
上篇博客和大家分享了关于React Native jsBundle预加载，界面启动优化的内容，详情可点击：基于最新版本React Native实现JsBundle预加载，界面秒开优化一、开源库介绍 今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。Fb推荐使用库，并且在React Native当前最...
2024-01-10
Android React-Native通信数据模型分析
无论是计算机领域还是日常生活中，我们所言的通信，其核心都是数据信息的交换，而数据模型的优劣对通信效率有着决定性的作用。在React-Native项目中，Javascript语言与Native两种语言（Java或OC等）间存在着大量的数据交换，也就是所谓的通信。众所周知，移动APP对性能的要求无比苛刻，如果通信数据...
2024-01-10
React Native之支付集成(微信 支付宝)(ios android)
一,需求分析 1.1,app在线充值与提现 二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置第一步:创建名为'wxapi'的文件夹，并在文件夹内创建WXPayEntryActivity.java，用于获得微信的授权和支付权限。 1 package your.packag...
2024-01-10
React-native 自定义actionsheet 即拿即用
不管是写程序还是生活 要经常总结啊= =要不然真的会忘啊今天经验值+++++， 待提升空间太大了。===========================js文件============================import React from 'react';import PropTypes from 'prop-types';import {View,StyleSheet,Text,Modal,TouchableOpacity,Dimensions} from 'react-native'cons...
2024-01-10
react-native填坑--react-navigation
Navigator已经被React Native废弃了。也许你可以在另外的一个依赖库里react-native-deprecated-custom-components里找到。不过既然官方推荐的是react-navigation那我们就来看看这个东西到底有什么好的，值不值得用。react-navigation包括下面三个Navigator：StackNavigator: 这个组件是用来代替之前的Navigator的。凡是维持一种“...
2024-01-10
用 jpush-react-native 插件快速集成推送功能（Android 篇）
概述jpush-react-native 是极光推送官方开发的 React Native 版本插件，可以快速集成推送功能。现在最新版本的 JPush SDK 分离了 JPush 及 JCore，让开发者可以分开集成 JMessage 及 JPush（以前 JMessage 包含了 JPush）。下面就来具体说一下如何快速集成以及使用 jpush-react-native 插件。安装打开终端，进入项目文件夹...
2024-01-10
React Native在Windows下修改js代码后reload无效
iOS下因为有watchman这个插件，所以启动很快（npm start），而Windows下则非常慢，最要命的是遇到了修改js文件后，点击reload居然一直是请求的缓存bundle，泪崩。。。 后来找到一篇文章，解决了这个问题，就是说超时导致的，但是超时的时候没有反馈错误，原因不明。解决方案就是延长超时时间： 'ready',...
2024-01-10
【React】antd Form表单的initialValue问题
在initial中是有初始值的，但是却不显示初始值，请大佬解答一下这个问题 const formItem = [{ type: 3, label: '柜子编号', name: 'ID', width: '150px', required: true },{ type: 1, label: '柜子名称', name: 'name', width: '150px', },{ type: 1, label: '所属仓库', name: 'wareHouse', width: '150px' ...
2024-01-10
React Native在Android平台运行gif的解决方法转载
概述目前RN在Android平台上不支持gif格式的图片，而在iOS平台是支持的，期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢？ <Image source= {require(\'./img/loading.gif\')} style = {styles.loading}/> 11完整实例：xport default class Loading extends React.Component { render(){ if (!th...
2024-01-10
react-native mac ios 在 iOS 设备上运行应用
react-native mac ios 在 iOS 设备上运行应用连接iphone打开xcode 打开项目运行项目iphone配置连接iphone通过 USB 数据线连接设备打开xcode 打开项目打开ios里面的 .xcworkspace导航处选择连着的设备运行项目点击顶部菜单 product->runokiphone配置app已经装到手机点击运行发现提示不受信任的开发者解决方...
2024-01-10
使用react-navigation提示undefind is not a function
在学习react-natrive的时候，看到导航跳转一章，遂试了一下demo:但是呢，在安卓模拟器上却报错了：找了许多方法，包括降低版本都不行，后来修改了一下导出就可以了：...
2024-01-10
React Native踩坑之路 — 运行Android项目的各种坑坑(Windows)
之前我们已经初始化了一个Raect Native 项目，验证了Android环境的正确性，接下来就运行起来吧！运行命令： ① react-native start ② react-native run-android运行步骤：1. 执行①命令react-native start后是这样的效果（如下图） 2. 第一步命令完成后，我们要先启动模拟器或者连上手机才可以...
2024-01-10
react native关于 从react中引入PropTypes报错的问题
使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属性传递的数据类型有误。因此我们可以在开发 React Native 自定义组件时，可以通过属性确认来声明这个组件需要哪些属性。这样，如果在...
2024-01-10
react native开发错误及解决方法（更新ing...）
1.unable to load script from assets 'index.android.bundle'.Make sure your bundle ispackged correctly or you are running a packger server.操作步骤：1）.在项目文件夹\android\app\src\main新建assets文件夹；2）.在根目录cmd下运行：react-native bundle --platform android --dev false --entry...
2024-01-10
React Native iOS 独有组件之 SegmentedControlIOS
使用 SegmentedControlIOS 来在 iOS 设备上渲染一个 UISegmentedControl 组件。这是一个分段显示多个选项的组件。属性名称类型必填说明enabledbool否是否禁用momentarybool否选中后背景颜色很快消失onChangefunction否选项发生变化时调用onValueChangefunction否选项发生变化时调用selectedIndexnumber否...
2024-01-10
reactnative0.61.2 使用react-native-webrtc
6版本以上的react-native会自动引入包，不需要手动link只需在AndroidManifest.xml加入权限即可<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-feature android:name="android.hardware.camera" /> <uses...
2024-01-10![[RN] React Native 权限申请 react-native-permissions](/wp-content/uploads/thumbs/534989_thumbnail.jpg)
[RN] React Native 权限申请 react-native-permissions
React Native 权限申请 react-native-permissions一、安装npm i -S react-native-permissionslink:react-native link react-native-permissions二、使用...
2024-01-10
